@charset "UTF-8";
.wrapper {
  margin-top: 30px;
  margin-bottom: 80px;
}

.form {
  position: relative;
  float: left;
  width: 750px;
}

.form i {
  display: block;
  position: absolute;
  right: 8px;
}

.form label, .form input, .form select, .form textarea, .form button, .form .label {
  float: left;
  font-size: 12px;
}

#select-regName {
  z-index: 5;
}

.form .item {
  overflow: hidden;
  zoom: 1;
  padding-top: 9px;
  height: 60px;
  line-height: 34px;
  position: relative;
  z-index: 1;
}

.form label, .form input, .form select, .form textarea, .form button, .form .label {
  float: left;
  font-size: 12px;
}

.form .label {
  width: 100px;
  text-align: right;
  font-size: 14px;
  color: #999;
  padding-right: 10px;
  float: left;
}

.item .item-ifo {
  position: relative;
  width: 270px;
}

.fl {
  float: left;
}

.label b {
  margin-right: 5px;
  font-weight: normal;
}

.ftx04 {
  color: #F00;
}

.o-intelligent-regName {
  z-index: 3;
}

.form .text {
  width: 238px;
  height: 16px;
  padding: 10px 25px 10px 5px;
  border: 1px solid #cccccc;
  float: none;
  font-size: 14px;
  font-family: arial,"瀹嬩綋";
  color: #999;
  overflow: hidden;
}

.form .item-ifo .i-pass {
  background: url(../../newimages/center/one5.jpg) no-repeat scroll 0 0 transparent;
  height: 19px;
  top: 10px;
  width: 14px;
}

.form .blank {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 243px;
  top: 7px;
  padding: 3px;
  float: none;
}

.clr {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}

#pwdstrength {
  color: #999;
  line-height: 22px;
  padding-right: 10px;
  clear: both;
  float: none;
  position: absolute;
  top: 41px;
  right: -9px;
}

#pwdstrength b {
  float: left;
  width: 104px;
  height: 13px;
  overflow: hidden;
  margin-top: 5px;
}

.hide {
  display: none;
}

.intelligent-error {
  background: none repeat scroll 0 0 #ffebeb;
  border: 1px solid #ffbdbe;
  left: 0px;
  position: absolute;
  top: 38px;
  width: 268px;
  z-index: 20;
}

.intelligent-error h5 {
  padding: 0 3px;
  font-weight: normal;
  color: #999999;
  margin-top: 1px;
}

.form .item-ifo .i-name {
  background: url(../../newimages/center/one4.jpg) no-repeat scroll 0 0 transparent;
  height: 16px;
  top: 9px;
  width: 16px;
}

.form .item-ifo .i-phone {
  background: url(../../newimages/center/one6.jpg) no-repeat scroll 0 0 transparent;
  height: 21px;
  top: 8px;
  width: 14px;
  left: 250px;
}

h5 {
  font-size: 12px;
}

.form #authcode.text {
  color: #333;
  float: left;
}

.form .text-1 {
  width: 100px;
  float: left;
}

.form .img img {
  height: 26px;
  margin: 0 5px;
  vertical-align: middle;
}

.ftx23 {
  color: #999;
}

.ftx23 a {
  color: #005AA0;
}

.form #authcodeDiv .item-ifo {
  width: 380px;
}

#sendMobileCode {
  float: left;
  margin-right: 0;
}

.btn {
  margin-left: 10px;
  border: 1px solid #dddddd;
  padding: 0;
  width: 106px;
  height: 36px;
  background: #f4f4f4;
  margin-top: 0;
  text-align: center;
  line-height: 36px;
  color: #333;
  text-decoration: none;
  display: inline-block;
}

.btn a {
  color: #333;
}

.form .item-new {
  padding-top: 0;
  height: 49px;
}

.form .checkbox {
  margin: 3px 3px 3px 4px;
  margin-top: 8px;
  _margin-top: 6px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) {
  .form .checkbox {
    margin-top: 10px;
  }
}
a.blue:link {
  color: #1a60df;
}

.btn-regist {
  background: #ff4739;
  width: 332px;
  height: 38px;
  line-height: 38px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  float: left;
}

.btn-regist a {
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}

.btn-regist a:hover {
  text-decoration: none;
}

#capslock {
  display: none;
  position: absolute;
  top: 44px;
  left: 110px;
  z-index: 6;
  width: 248px;
  background-color: #fffdee;
  height: 30px;
  line-height: 30px;
  border: 1px solid #edd288;
  color: #f60;
  padding: 0 10px;
}

#capslock i {
  background: url(../../newimages/center/tip-cue.png) center center no-repeat;
  display: inline-block;
  height: 30px;
  width: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
#capslock s {
  position: absolute;
  background: url(../../newimages/center/tip-arrow.png) center center no-repeat;
  height: 12px;
  width: 18px;
  bottom: -10px;
  left: 38px;
}

#intelligent-regName {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BBBBBB;
  left: 0;
  position: absolute;
  top: 38px;
  width: 268px;
  z-index: 100;
}

.form #regName_error {
  margin-top: 0;
  float: none;
  cursor: pointer;
}

.form .focus {
  color: #666;
  width: 260px;
  line-height: 36px;
  background: #f7f7f7;
  border: 1px solid #dddddd;
}

.form .null, .form .error {
  color: #f00;
}

.form .focus, .form .error {
  color: #e4393c;
  line-height: 36px;
  height: 36px;
  position: absolute;
  top: 0px;
  right: -275px;
  width: 260px;
  padding: 0 5px;
  background: #FFEBEB;
  border: 1px solid #ffbdbe;
}

.form .focus {
  color: #666;
  width: 260px;
  line-height: 36px;
  background: #f7f7f7;
  border: 1px solid #dddddd;
}

.form .error span, .focus span {
  padding: 5px 0;
  line-height: 13px;
  display: block;
}

.form .blank {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 243px;
  top: 7px;
  padding: 3px;
  float: none;
}

.intelligent-error {
  background: none repeat scroll 0 0 #ffebeb;
  border: 1px solid #ffbdbe;
  left: 0px;
  position: absolute;
  top: 38px;
  width: 268px;
  z-index: 20;
}
.intelligent-error h5 {
  padding: 0 3px;
  font-weight: normal;
  color: #999999;
  margin-top: 1px;
  font-size: 12px;
}
.intelligent-error .item-fore {
  padding: 0 3px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.intelligent-error .item-fore label {
  font-size: 14px;
}

.form .succeed {
  background: url(../../newimages/center/sucess.png) center no-repeat #ffffff;
}

.form .highlight1 {
  border: 1px solid #7ABD54;
  color: #333;
}

.form .highlight2 {
  border: 1px solid #FF0000;
  color: #f00;
}
